<template>
	<view class="about">
		<view class="u-p-50">
			<u-parse :html="vuex_config.about"></u-parse>
		</view>

		<u-cell-group :border="false">
			<u-cell-item :border-bottom="false" :arrow="false" :title="vuex_config.name">
				<image class="icon" slot="icon" src="../../static/pingtai.png"></image>
			</u-cell-item>
			<u-cell-item :border-bottom="false" :title="vuex_config.phone" @click="call">
				<image class="icon" slot="icon" src="../../static/hezuo.png"></image>
			</u-cell-item>
			<u-cell-item :border-bottom="false" @click="openMap" :title="vuex_config.address">
				<image class="icon" slot="icon" src="../../static/ditu.png"></image>
			</u-cell-item>
		</u-cell-group>
	</view>
</template>
<script>
	export default {
		methods: {
			openMap: function() {
				uni.openLocation({
					name:this.vuex_config.name,
					address:this.vuex_config.address,
					latitude: parseFloat(this.vuex_config.lat),
					longitude: parseFloat(this.vuex_config.lng),
					success: function() {
						console.log('success');
					}
				});
			},
			call:function(){
				uni.makePhoneCall({
				    phoneNumber: this.vuex_config.phone
				});
			}
			
		}
	};
</script>

<style>
	.icon {
		width: 50rpx;
		height: 50rpx;
		;
		margin-right: 50rpx;
	}
	.u-cell{
		padding-left:50rpx;
		padding-right:50rpx;
	}
</style>
